<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g clip-path="url(#clip0_2477_1001)">
      <mask id="path-3-inside-1_2477_1001" fill="white">
        <path d="M80 56H120V124H80V56Z" />
      </mask>
      <path d="M80 56H120V124H80V56Z" fill="var(--el-fill-color-blank)" />
      <path
        d="M120 56H119.5V124H120H120.5V56H120Z"
        fill="var(--el-color-info-light-5)"
        mask="url(#path-3-inside-1_2477_1001)"
      />
      <mask id="path-5-inside-2_2477_1001" fill="white">
        <path d="M120 56H160V124H120V56Z" />
      </mask>
      <path d="M120 56H160V124H120V56Z" fill="var(--el-fill-color-blank)" />
      <path
        d="M160 56H159.5V124H160H160.5V56H160Z"
        fill="#CDD0D6"
        mask="url(#path-5-inside-2_2477_1001)"
      />
      <rect
        width="40"
        height="68"
        transform="translate(160 56)"
        fill="var(--el-color-primary-light-8)"
      />
      <rect
        x="165"
        y="63"
        width="20"
        height="4"
        rx="2"
        fill="var(--el-color-primary)"
      />
      <rect
        x="165"
        y="70"
        width="4"
        height="4"
        rx="2"
        fill="var(--el-color-primary-light-5)"
      />
      <rect
        x="172"
        y="70"
        width="21"
        height="4"
        rx="2"
        fill="var(--el-color-primary-light-5)"
      />
      <rect
        x="172"
        y="77"
        width="21"
        height="4"
        rx="2"
        fill="var(--el-color-primary-light-5)"
      />
      <path
        d="M159.75 83.3335V96.6668"
        stroke="var(--el-color-primary)"
        stroke-width="1.25"
        stroke-linecap="round"
      />
      <path
        d="M152.868 90.1179C152.803 90.0528 152.803 89.9472 152.868 89.8821L154.965 87.7845C155.07 87.6795 155.25 87.7539 155.25 87.9024V92.0976C155.25 92.2461 155.07 92.3205 154.965 92.2155L152.868 90.1179Z"
        fill="var(--el-color-primary)"
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M154.25 89.375L160.25 89.375V90.625L154.25 90.625V89.375Z"
        fill="var(--el-color-primary)"
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M158.583 89.375L164.583 89.375V90.625L158.583 90.625V89.375Z"
        fill="var(--el-color-primary)"
      />
      <path
        d="M166.965 89.8821C167.03 89.9472 167.03 90.0528 166.965 90.1179L164.868 92.2155C164.763 92.3205 164.583 92.2461 164.583 92.0976V87.9024C164.583 87.7539 164.763 87.6795 164.868 87.7845L166.965 89.8821Z"
        fill="var(--el-color-primary)"
      />
    </g>
    <rect
      x="80.25"
      y="56.25"
      width="119.5"
      height="67.5"
      rx="3.75"
      stroke="var(--el-border-color-dark)"
      stroke-width="0.5"
    />
    <defs>
      <clipPath id="clip0_2477_1001">
        <rect x="80" y="56" width="120" height="68" rx="4" fill="white" />
      </clipPath>
    </defs>
  </svg>
</template>
